<template>
  <div class="wrap" v-if="webConfig.loadDone">
    <webHeaderModel1 v-if="webConfig.moban == 1 || webConfig.moban == 3" />
    <webHeaderModel3 v-if="webConfig.moban == 4 || webConfig.moban == 5" />
    <webHeaderModel2 v-if="webConfig.moban == '' || webConfig.moban == 2 || webConfig.moban == 6 || webConfig.moban == 7" />
  </div>
</template>

<script>
import { mapState } from "vuex";
import webHeaderModel1 from "@/components/common/webHeaderModel1.vue";
import webHeaderModel2 from "@/components/common/webHeaderModel2.vue";
import webHeaderModel3 from "@/components/common/webHeaderModel3.vue";
export default {
  components: {
    webHeaderModel1,
    webHeaderModel2,
    webHeaderModel3,
  },
  data() {
    return {
      
    };
  },
  computed: {
    ...mapState(["webConfig"]),
  },

  methods: {
    
  },
};
</script>